<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="jpath" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html>
<head>
	<meta charset="gbk">	
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
	<title>主页</title>
	<script type="text/javascript" src="${jpath}/static/page/js/jquery-3.3.1.min.js"></script>
	<script type="text/javascript" src="${jpath}/static/page/js/bootstrap.min.js"></script>
	<link rel="stylesheet" type="text/css" href="${jpath}/static/page/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="${jpath}/static/page/css/zy.css">
	
</head>
<body>
	<div class="container" style="padding:-1px;">
		<div class="row" style="background-color:#2065B1; height:3rem; line-height:3rem;">
			<div class="col-xs-2 menu">
				<img src="${jpath}/static/page/img/menu.png">
			</div>
			<div class="col-xs-7" style="text-align:center; color:white;">
				首页
			</div>
			<div class="clo-xs-3 add" style="text-align: right;padding-right: 1rem;">
				<img src="${jpath}/static/page/img/add.png">
			</div>
		</div>
		<div class="row" style="width:100%; margin:0 auto;">
			<div class="col-12" >
				<div id="myCarousel" class="carousel slide">
					<!-- 轮播（Carousel）指标 -->
					<ol class="carousel-indicators" style="bottom:0px;">
						<c:forEach var="fj" items="${fjList}" varStatus="lmStruts">
							<li <c:if test="${lmStruts.index==0 }">
								class="active"
							</c:if>
							data-target="#myCarousel" data-slide-to="${lmStruts.index}"></li>
							
						</c:forEach>
					</ol>   
					<!-- 轮播（Carousel）项目 -->
					<div class="carousel-inner">
						<c:forEach var="fj" items="${fjList}" varStatus="fjStruts">
							<div <c:if test="${fjStruts.index==0 }">
							class="item active"
							</c:if> class="item">
							<img src="${jpath}/${fj.fjlj}" alt="First slide">
							</div>
							
						</c:forEach>
					</div>
					<!-- 轮播（Carousel）导航 -->
					<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
						<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
						<span class="sr-only">Previous</span>
					</a>
					<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
						<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
						<span class="sr-only">Next</span>
					</a>
				</div> 
			</div>
		</div>
		<div class="row" style="height:5rem; line-height:5rem;">
			<div class="float-left" style="margin-left:2.5rem">
				<img src="${jpath}/static/page/img/businessman.png" width="20px" height="20px">
				<p><a style="font-size: 1rem;color: black;" href="${jpath}/page/gywm">关于我们</a></p>
			</div>
			<div class="float-left">
				<img src="${jpath}/static/page/img/xinwen.png" width="20px" height="20px">
				<p><a style="font-size: 1rem;color: black;" href="${jpath}/page/xwzx">新闻资讯</a></p>
			</div>
			<div class="float-left">
				<img src="${jpath}/static/page/img/tuijian.png" width="20px" height="20px">
				<p><a style="font-size: 1rem;color: black;" href="${jpath}/page/tjcp">推荐产品</a></p>
			</div>
			<div class="float-left">
				<img src="${jpath}/static/page/img/exchange.png" width="20px" height="20px">
				<p><a style="font-size: 1rem;color: black;" href="${jpath}/page/rzcplb">融资需求</a></p>
			</div>
			<div class="float-left">
				<img src="${jpath}/static/page/img/payment.png" width="20px" height="20px">
				<p><a style="font-size: 1rem;color: black;" href="${jpath}/page/bzzx">帮助中心</a></p>
			</div>
		</div>
		<div class="row" style="background-color:#F4F4F4; height:1rem; margin-top:2rem;"></div>
		<div class="row" style="margin-top:1rem;">
			<div class="col-xs-3 tongzhi">
				<span>通知公告</span>
			</div>
			<div class="col-xs-9">
				<p class="gonggao"><span>最新</span>1.关于印发《四川省钢铁行业化解过剩参能实现》</p>
				<p class="gonggao"><span>围观</span>2.关于印发《四川省钢铁行业化解过剩参能实现》</p>
			</div>
		</div>
		<div class="row" style="background-color:#F4F4F4; height:1rem; margin-top:1rem;"></div>
		<div class="row">
			<div class="col-xs-12" style="font-size:1.5rem; text-align:center; color:#2066B2;">
				<p>——— 对接查询 ———</p>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-5" style="background-color:#F86941;">
				<p class="duijie1"><span class="shu"></span>企业融资对接</p>
				<p class="duijie"><img src="${jpath}/static/page/img/zczt.png" width="20px" height="20px">
				<a style="font-size: 1rem;color: black;" href="${jpath}/page/zcztwd">注册状态</a></p>
				<p class="duijie"><img src="${jpath}/static/page/img/xyjf.png" width="20px" height="20px">
				<a style="font-size: 1rem;color: black;" href="${jpath}/page/zcztsy">信用积分</a></p>
				<p class="duijie"><img src="${jpath}/static/page/img/jrjg.png" width="20px" height="20px">
				<a style="font-size: 1rem;color: black;" href="${jpath}/page/jrjg">金融机构</a></p>
				<p class="duijie"><img src="${jpath}/static/page/img/rzcp.png" width="20px" height="20px">
				<a style="font-size: 1rem;color: black;" href="${jpath}/page/rzcplb">融资产品</a></p>
				<p class="duijie"><img src="${jpath}/static/page/img/shzt.png" width="20px" height="20px">
				<a style="font-size: 1rem;color: black;" href="${jpath}/page/gjzc">审核状态</a></p>
				<p class="duijie"><img src="${jpath}/static/page/img/djjg.png" width="20px" height="20px">
				<a style="font-size: 1rem;color: black;" href="${jpath}/page/cpxq">对接结果</a></p>
			</div>
			<div class="col-xs-2">
			</div>
			<div class="col-xs-5" style="background-color:#2066B2; padding-bottom:3rem;">
				<p class="duijie1"><span class="shu"></span>金融机构对接</p>
				<p class="duijie"><img src="${jpath}/static/page/img/clipboard.png" width="20px" height="20px">
				<a style="font-size: 1rem;color: black;" href="${jpath}/page/zcztsy">注册状态</a></p>
				<p class="duijie"><img src="${jpath}/static/page/img/coin.png" width="20px" height="20px">
				<a style="font-size: 1rem;color: black;" href="${jpath}/page/cpsc">产品上传</a></p>
				<p class="duijie"><img src="${jpath}/static/page/img/shenhe.png" width="20px" height="20px">
				<a style="font-size: 1rem;color: black;" href="${jpath}/page/shzt">审核状态</a></p>
				<p class="duijie"><img src="${jpath}/static/page/img/cash-3.png" width="20px" height="20px">
				<a style="font-size: 1rem;color: black;" href="${jpath}/page/cqxq">对接企业</a></p>
				<p class="duijie"><img src="${jpath}/static/page/img/cash-4.png" width="20px" height="20px">
				<a style="font-size: 1rem;color: black;" href="${jpath}/page/cqxq">对接结果</a></p>
				
			</div>
		</div>
		<div class="row" style="background-color:#F4F4F4; height:1rem; margin-top:1rem;"></div>
		<div class="row">
			<ul id="myTab" class="nav nav-tabs">
				<li class="active">
					<a href="#home" data-toggle="tab">最新政策</a></li>
				<li><a href="#ios" data-toggle="tab">融资统计</a></li>
			</ul>
			<div id="myTabContent" class="tab-content">
				<div class="tab-pane fade in active" id="home">
					<div class="row" style="height:5rem; line-height:5rem;">
						<div class="float-left-1" style="margin-left:6rem">
							<img src="${jpath}/static/page/img/gjzc.png" width="20px" height="20px">
							<p><a style="font-size: 1rem;color: black;" href="${jpath}/page/gjzc">国家政策</a></p>
						</div>
						<div class="float-left-1">
							<img src="${jpath}/static/page/img/bdzc.png" width="20px" height="20px">
							<p><a style="font-size: 1rem;color: black;" href="${jpath}/page/gjzc">本地政策</a></p>
						</div>
						<div class="float-left-1">
							<img src="${jpath}/static/page/img/rmxm.png" width="20px" height="20px">
							<p><a style="font-size: 1rem;color: black;" href="${jpath}/page/gjzc">热门项目</a></p>
						</div>
						<div class="float-left-1"  style="margin-left:6rem;margin-top:-2rem;">
							<img src="${jpath}/static/page/img/jrzc.png" width="20px" height="20px">
							<p><a style="font-size: 1rem;color: black;" href="${jpath}/page/gjzc">金融政策</a></p>
						</div>
						<div class="float-left-1" style="margin-top:-2rem;">
							<img src="${jpath}/static/page/img/jrzs.png" width="20px" height="20px">
							<p><a style="font-size: 1rem;color: black;" href="${jpath}/page/gjzc">金融知识</a></p>
						</div>
					</div>
				</div>
				<div class="tab-pane fade" id="ios">
					<div class="row" style="height:5rem; line-height:5rem; font-size:1rem;">
						<div class="float-left-2" style="margin-left:4rem">
							<div style="color:#ED3400;"><span class="sp">1000</span>万元</div>
							<div class="p">累计融资金额</div>
						</div>
						<div class="float-left-2">
							<div style="color:#ED3400;"><span class="sp">32</span>个</div>
							<div class="p">注册金融机构</div>
						</div>
						<div class="float-left-2">
							<div style="color:#ED3400;"><span class="sp">299</span>人</div>
							<div class="p">注册企业会员</div>
						</div>
						<div class="float-left-2"  style="margin-left:4rem;margin-top:-2rem;">
							<div style="color:#ED3400;"><span class="sp">99</span>种</div>
							<div class="p">融资产品服务</div>
						</div>
						<div class="float-left-2" style="margin-top:-2rem;">
							<div style="color:#ED3400;"><span class="sp">72</span>个</div>
							<div class="p">对接成功项目</div>
						</div>
					</div>
				</div>
			</div>
		</div>	
		<div class="row" style="background-color:#F4F4F4; height:1rem; margin-top:1rem;"></div>
		<div class="row" style="margin-top:2rem;">
			<div class="col-xs-6">
				<a style="font-size: 1rem;color: black;" href="${jpath}/page/sqjy">
				<img src="${jpath}/static/page/img/xqdt.png" width="130px" height="100px"></a>
			</div>
			<div class="col-xs-6">
				<a style="font-size: 1rem;color: black;" href="${jpath}/page/sqjy">
				<img src="${jpath}/static/page/img/sqjy.png" width="130px" height="100px"></a>
			</div>
		</div>
		<div class="row" style="height:1rem; margin-top:1rem;"></div>
		<div class="row">
			<div class="col-xs-6">
				<a style="font-size: 1rem;color: black;" href="${jpath}/page/fwpj">
				<img src="${jpath}/static/page/img/xypj.png" width="130px" height="100px"></a>
			</div>
			<div class="col-xs-6">
				<a style="font-size: 1rem;color: black;" href="${jpath}/page/fwpj">
				<img src="${jpath}/static/page/img/fwpj.png" width="130px" height="100px"></a>
			</div>
		</div>
	</div>
</body>
</html>